
<nav class="navbar navbar-default">
    <div class="container-fluid">


        <div class="btn btn-info navbar-btn navbar-btn uploader" id="SelectFile" (click)="removeFiles()"  >选择</div>
        <button type="button" class="btn btn-info navbar-btn uploader" (click)="uploadStart()" [disabled]="!_uploadArray.length>0">确定上传</button>
    </div>
</nav>


<ng-container *ngIf="_uploadArray.length>0">
    <div class="uploadContent">
        <div class="media" *ngFor="let uploadFile of _uploadArray">
            <div class="media-left">
                <div class="icon">
                    <span class="glyphicon glyphicon-file"></span>
                </div>

            </div>
            <div class="media-body">
                <div class="fileName">{{uploadFile.getFileInfo}}</div>
                <div class="progress progress-single">
                    <div [id]="uploadFile.getID"
                         [ngClass]="{'progress-bar':true,
                            'progress-bar-info':uploadFile.State.isStartUpload && !uploadFile.State.success,
                            'progress-bar-success':uploadFile.State.success,
                            'progress-bar-danger':uploadFile.State.error,
                            'progress-bar-striped':uploadFile.State.isStartUpload,
                            'active':uploadFile.State.isStartUpload}"
                         role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" [style.width]="uploadFile.CurrentProgress+'%'">
                        <span >{{uploadFile.CurrentProgress+'%'}}</span>
                    </div>

                </div>
            </div>
            <div class="media-right">
                <div class="icon iconError" (click)="removeFile(uploadFile.ID)">
                    <span class="glyphicon glyphicon-remove"></span>
                </div>
            </div>
        </div>

    </div>
</ng-container>



<div class="modal fade" id="warming" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >删除警告：</h4>
            </div>
            <div class="modal-body">
                {{_message}}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>